@charset "utf-8";
body{
    background-color:#F2F2F2;
}
.topBox{
    width:98%;
    border:none;
    overflow-x:auto;
    float:left;
    margin-left:20px;
    margin-top:40px;
}
.topBox .scrollBar{
    height:80px;
    width:1300px;
}

.topBox .eventsStatisticBox{
    width:190px;
    height:80px;
    margin-left:20px;
    text-align:center;
    font-size:26px;
    float:left;
    /*font-weight:bold;*/
    cursor: pointer;
    color:#FFFFFF;
    position:relative;
}
.topBox .eventsStatisticBox:hover{
    opacity:0.8;
}

.topBox .eventsStatisticBox .eventLabel{
    line-height:20px;
    position:absolute;
    width:30px;
    color:#ffffff;
    font-size:12px;
    left:28px;
    top:8px;
}

.topBox .eventsStatisticBox .text{
   line-height:80px;
}

.topBox .temperature{
    background-image:url(../imgs/temperature.png);
}

.topBox .inundate{
    background-image:url(../imgs/inundate.png);
}

.topBox .outage{
    background-image:url(../imgs/outage.png);
}

.topBox .offline{
    background-image:url(../imgs/offline.png);
}

.topBox .fire{
    background-image:url(../imgs/fire.png);
}

.topBox .device{
    background-image:url(../imgs/device.png);
}

.leftBox{
}

.leftBox{
    margin-top:20px;
    margin-left:20px;
    background-color:#FFFFFF;
    padding-top:10px;
    padding-left:10px;
    float:left;
}

.leftBox .map{
}

.splitBar1{
    height:600px;
    width:1%;
    float:left;
}

.splitBar2{
    height:80px;
    width:1%;
    float:left;
}

.rightBox{
    margin-top:20px;
    margin-left:20px;
    /*background-color:#FFFFFF;*/
    width:273px;
    height:600px;
    float:left;
}
.rightBox .eventFilterBox{
    height:148px;
    width:290px;
    background-color:#FFFFFF;
    padding-top:5px;
    /*padding-left:25px;*/
}
.rightBox .eventFilterBox .item{
    width:90px;
    height:26px;
    float:left;
    padding-left:28px;
    margin-top:15px;
    margin-left:25px;
    line-height:26px;
    cursor:pointer;
    /*border:solid black 1px;*/

}
.rightBox .eventFilterBox .eventFilterItemChoice{
    background-position: 2px -41px !important;
}
.rightBox .eventFilterBox .itemSplit{
    width:1px;
    height:20px;
    margin-top:18px;
    float:left;
    border-left:solid #808080 1px;
}
.rightBox .eventFilterBox .inundate{
   background-image:url(../imgs/inundat_Filter.png);
    background-repeat: no-repeat;
   /* background-size: cover;*/
    background-position: 2px 2px;
}

.rightBox .eventFilterBox .temperature{
    background-image:url(../imgs/temperature_Filter.png);
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-position: 2px 2px;
}

.rightBox .eventFilterBox .outage{
    background-image:url(../imgs/outage_Filter.png);
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-position: 2px 2px;
}

.rightBox .eventFilterBox .offline{
    background-image:url(../imgs/offline_Filter.png);
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-position: 2px 2px;
}

.rightBox .eventFilterBox .fire{
    background-image:url(../imgs/fire_Filter.png);
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-position: 2px 2px;
}

.rightBox .eventFilterBox .device{
    background-image:url(../imgs/device_Filter.png);
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-position: 2px 5px;
}
.rightBox .eventFilterBox .item:hover{
    background-position: 2px -41px;
}

.rightBox .eventsList{
    height:426px;
    width:290px;
    background-color:#FFFFFF;
    margin-top:20px;
    /*padding-left:25px;*/
}

.rightBox .eventsList .tabBar{
    height:39px;
    width:100%;
    /*padding-left:25px;*/
}

.rightBox .eventsList .tab{
    height:39px;
    width:50%;
    float:left;
    text-align: center;
    cursor:pointer;
    line-height: 39px;

    /*padding-left:25px;*/
}

.rightBox .eventsList .content{

    width:100%;
    float:left;
    text-align: center;
    cursor:pointer;
    overflow-y:auto;
    overflow-x:hidden;
    /*padding-left:25px;*/
    position:relative;
}

.rightBox .eventsList .content .list{
    height:390px;
    width:270px;
    float:left;
    cursor:pointer;
    position:absolute;
    background-color: #FFFFFF;

}

.rightBox .eventsList .content .item{
    padding: 10px 15px 0;
    height:56px;
    cursor:pointer;
    background-color: #FFFFFF;
    position:relative;
    text-align: left;
    /*padding-left:25px;*/
}

.rightBox .eventsList .content .item:hover{
    background-color:#E0E0E0;
}

.rightBox .eventsList .content .item .msg{
    height:23px;
    width:100%;
    cursor:pointer;
    /*padding-left:25px;*/
}
.rightBox .eventsList .content .item .msg .icon{
    width:35px;
    height:23px;
    float:left;
    background-image:url(../imgs/device_Filter.png);
    background-repeat: no-repeat;
    background-position: 2px -44px;
}
.rightBox .eventsList .content .item .msg .text{
    width:205px;
    height:23px;
    float:left;
    font-size:13px;
    line-height:23px;
}

.rightBox .eventsList .content .item .time{
    height:23px;
    width:90px;
    cursor:pointer;
    float: left;
    text-align:left;
    margin-left: 30px;
    font-size:12px;
    color:#808080;
    padding-top: 8px;
}

.rightBox .eventsList .content .item .detail{
    height:23px;
    width:90px;
    cursor:pointer;
    float: right;
    font-size:13px;
    color:#6FBBED;
    text-align:right;
    margin-right: 20px;
    padding-top: 8px;
}

.infoWindow1{
    background-color:#FFFFFF;
    width:100%;
    height:100px;
    margin:3px;
}

.infoWindow1 .key{
    color:black;
    font-size:13px;
    font-weighht:blod;
    text-align:left;
}
.infoWindow1 .value{
    color:#808080;
    font-size:12px;
    text-align:left;
    margin-left:16px;
}